//商店显示设置
import React from "react";
import "./css/storeShowSet.css";
import "./css/StoreInfo.css";
import { Form, Input, Button } from "antd";
import HOCStoreShowSet from "../../component/set/HOC/HOCStoreShowSet";

const layout = {
  labelCol: { span: 6 },
  wrapperCol: { span: 10 },
};

@HOCStoreShowSet
class StoreShowSet extends React.Component {
  render() {
    let { submit } = this.props;
    return (
      <div className="store_show_set storeInfo">
        <div className="singleForms">
          <Form {...layout} name="infoOne" ref="formOne">
            <Form.Item
              label="销量排行数量"
              name="pdsNfsr"
              rules={[{ required: true, message: "请输入销量排行数量" }]}
            >
              <Input className="info-border"></Input>
            </Form.Item>
            <Form.Item
              label="评论数量"
              name="pdsNoc"
              rules={[{ required: true, message: "请输入评论数量" }]}
            >
              <Input
                className="info-border"
                placeholder="显示在商品详情页的用户评论数量"
              ></Input>
            </Form.Item>
            <Form.Item
              label="商品名长度"
              name="pdsTnl"
              rules={[{ required: true, message: "请输入商品名长度" }]}
            >
              <Input className="info-border"></Input>
            </Form.Item>
            <Form.Item
              label="商品分类页列表显示的数量"
              name="pdsDqoccp"
              rules={[{ required: true, message: "请填写详细地址" }]}
            >
              <Input className="info-border"></Input>
            </Form.Item>
            <div className="formTwo formTwoBorder">
              <Form.Item
                label="助力免单规则"
                name="pdsHfr"
                rules={[{ required: true, message: "请输入助力免单规则" }]}
              >
                <Input.TextArea
                  className="info-border"
                  maxLength={100}
                ></Input.TextArea>
              </Form.Item>
            </div>
          </Form>
          <div className="btn">
            <Button onClick={submit}>确定</Button>
          </div>
        </div>
      </div>
    );
  }
}

export default StoreShowSet;
